@media (max-width: 1700px){

    .in_banner .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{
        right: 10%;
    }

    .pc-slide .view .ind3_slide{
        left: 190px;
    }

    .view .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{
        right: 0;
    }

    .preview .arrow-right{
        right: 190px;
    }

    .preview .arrow-left{
        right: 280px;
    }

    .preview .swiper1-pagination{
        right: 13%;
    }

    

}

@media (max-width: 1680px){
   
    .container0{
        width: 85%;
        padding-left: 50px;
    }

    .view .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{
        right: 0;
    }

    .login .login_box{
        right: 120px;
    }

    .set .set_box{
        right: 120px;
    }


    

}


@media (max-width: 1600px){
    
    .in_banner .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{
        right: 8%;
    }

    .ab4_swiper .lis .txt{margin-top: 5%;}
    .ab4_swiper .ab4_pagination{bottom: 5%;}
    
    .view .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{
        right: 0;
    }

    .login .login_box{
        right: 80px;
    }

    .set .set_box{
        right: 80px;
    }



    

}

@media (max-width: 1440px){

    .in_banner .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{
        right: 5%;
    }

    .footer .foot_top .foot_r{
        width: 25%;
    }

    .ab4_sec{padding: 60px 0;}
    .ab4_swiper .lis .txt h2{font-size: 28px;}

    .view .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{
        right: 0;
    }

    .preview .arrow-right{
        right: 80px;
    }

    .preview .arrow-left{
        right: 170px;
    }

    .preview .swiper1-pagination{
        right: 6%;
    }

    .preview .ind3_container{
        margin-right: 25%;
    }

    .pc-slide .view .ind3_slide{
        left: 60px;
    }


    

}



@media (max-width: 1380px){

    .repair .repair_box{
        width: 85%;
    }

    .feedback .feedback_box{
        width: 85%;
    }

    .agent .agent_box{
        width: 85%;
    }

    .myself .my_r .my_box .bd .nr .content{
        width: 100%;
    }

    .contact_box .contact_cot{
        width: 81%;
    }

}

@media (max-width: 1300px){

    .repair .repair_box{
        width: 90%;
    }

    .feedback .feedback_box{
        width: 90%;
    }

    .agent .agent_box{
        width: 90%;
    }

    .contact_box .contact_cot{
        width: 90%;
    }

}

@media (max-width: 1285px){
    .header .nav ul li{
        margin: 0 15px;
    }

    .header .head_seartch .register{
        padding-left: 20px;
    }

    .header .head_seartch a{
        margin-left: 20px;
    }
}


@media (max-width: 1200px){

    .page{margin-left: 30%;}

    .ab4_sec .ab_title{
        right: 28%;
        top: 2%;
    }

    .ab_title p{
        margin-bottom: 15px;
    }

    .pc-slide .view .ind3_slide{
        left: 45px;
    }

    .pc-slide .view .ind3_container .ind3_li .ind3_left{
        width: 60%;
    }

    .pc-slide .view .ind3_container .ind3_li .ind3_right{
        width: 38%;
    }

    .preview .arrow-right{
        right: 70px;
    }

    .preview .arrow-left{
        right: 155px;
    }

    .preview .swiper1-pagination{
        right: 7%;
    }

    .header .nav ul li{
        margin: 0 10px;
    }

    .header .head_seartch .register{
        padding-left: 10px;
    }

    .header .head_seartch a{
        margin-left: 10px;
    }

    .ab2_sec .ab2_cot ul li {
        width: 22%;
    }

    .repair .repair_box{
        width: 100%;
    }

    .feedback .feedback_box{
        width: 100%;
    }

    .agent .agent_box{
        width: 100%;
    }

    .form .form_box{
        width: 100%;
    }

    .contact_box .contact_cot{
        width: 95%;
    }

}

@media (max-width: 1110px){
    .repair .repair_box{
        padding: 90px 110px;
    }

    .feedback .feedback_box{
        padding: 90px 110px;
    }

    .agent .agent_box{
       padding: 90px 110px;
    }

    .contact_box .contact_cot{
        width: 100%;
    }

}

@media (max-width: 991px){

    .header{display: none;}
    .wrap_phone{display: block !important;}
    #cd-menu-trigger{display: block;}

    .container {
        width: 100%;
        box-sizing: border-box;
        padding: 0px 15px;
    }

    .notice .hd{
        width: 6%;
    }

    .index1 .ind1_left{
        width: 70%;
        padding-top: 0px;
        padding-left: 15px;
    }

    .pc-slide .view .ind3_slide{
        left: 15px;
    }

    .preview .arrow-right{
        right: 15px;
    }

    .preview .arrow-left{
        right: 100px;
    }

    .preview .swiper1-pagination{
        right: 0;
    }

    .footer .foot_top .foot_l{
        width: 70%;
    }

    .footer .foot_top .foot_r{
        width: 30%;
    }

    .footer .foot_top .foot_l .foot_nav ul li{
        margin-right: 30px;
    }

    .mainBan{
        margin-top: 60px;
    }

    .bus_top .bus_nav{
        padding: 0 95px;
    }

    .ph_mainnav{
        margin-top: 90px;
    }

    .newsxq_sec .container0{
        width: 80%;
    }

    .wrap_phone .logo{
        width: 140px;
        margin-top: 15px;
    }

    .service_cot .bd .nr ul li{
        width: 45%;
    }

    .myself{
        margin-top: 60px;
        height: 100%;
        display: block;
    }

    .myself .my_l{
        width: 100%;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    .myself .my_l .my_avater{
        border-bottom: none;
    }

    .myself .my_r{
        padding: 20px 20px;
    }

    .myself .my_r .my_box .hd ul li{
        font-size: 14px;
        height: 40px;
        line-height: 40px;
    }

    .myself .my_r .my_box .bd .nr .content{
        padding: 20px 20px;
    }

    

}

@media (max-width: 768px){

    .in_banner .swiper-slide .nr .title h2{
        font-size: 30px;
    }

    .in_banner .swiper-slide .nr .title p{
        font-size: 14px;
    }

    .in_banner .swiper-slide .nr .title .xian{
        width: 265px;
    }

    .in_banner .swiper-slide .nr .txt p{
        font-size: 14px;
    }

    .in_banner .swiper-slide{
        padding-top: 105px;
    }

    .in_banner .swiper-slide .nr .txt{
        padding-right: 25%;
    }

    .in_banner .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{
        top: 40%;
    }

    .banner{
        margin-top: 60px;
    }

    .in_banner{
        height: 395px;
        /* margin-top: 60px !important; */
    }

    .index1{
        padding: 20px 0;
    }

    .index1 .ind1_left{
        float: none;
        width: 100%;
        position: static;
        padding-left: 0px;
    }

    .index1 .ind1_right{
        float: none;
        width: 100%;
    }

    .index1 .ind1_left .title h2{
        font-size: 18px;
    }

    .index1 .ind1_left .title h2 span{
        font-size: 12px;
    }

    .index1 .ind1_left .title p{
        font-size: 12px;
    }

    .notice{display: none;}

    .index1 .ind1_left .txt p{
        font-size: 14px;
    }

    .index1 .ind1_left .box ul li h3{
        font-size: 14px;
    }

    .index1 .ind1_left .box ul li span{
        font-size: 26px;
    }

    .index1 .ind1_left .box ul li b{
        font-size: 12px;
    }

    .index1 .ind1_left .box{
        margin-top: 20px;
    }

    .index1 .ind1_left .box ul .lis{
        padding-left: 17px;
    }

    .index3 .title h2{
        font-size: 18px;
    }

    .index3 .title h2 span{
        font-size: 12px;
    }

    .index3 .title p{
        font-size: 12px;
    }

    .index3{
        padding:20px 0;
    }

    .index4 .ind4_wz h2{
        font-size: 20px;
    }

    .index4 .ind4_wz p{
        font-size: 14px;
        margin-top: 20px;
    }

    .index4{
        height: 200px;
    }

    .index4 .ind4_wz{
        padding-top: 60px;
        padding-left: 15px;
        padding-right: 15px;
    }
    
    .footer .foot_top .foot_l{
        float: none;
        width: 100%;
    }

    .footer .foot_top .foot_r{
        float: none;
        width: 100%;
        margin-top: 20px;
    }

    .footer{
        padding-top: 20px;
    }

    .footer .foot_top .foot_l .foot_nav{
        margin-top: 20px;
    }

    .footer .foot_top .foot_l .foot_nav ul li a{
        font-size: 14px;
    }

    .footer .foot_top .foot_l .foot_tel{
        margin-top: 20px;
    }

    .footer .foot_top .foot_l .foot_tel h3{
        font-size: 12px;
    }

    .footer .foot_top .foot_l h3{
        font-size: 12px;
    }

    .footer .foot_top .foot_l .foot_tel p{
        font-size: 18px;
    }

    .footer .foot_top .foot_r h3{
        font-size: 12px;
    }

    .footer .foot_top .foot_r .foot_icon{
        margin-top: 20px;
    }

    .footer .foot_top .foot_r .foot_ewm{
        margin-top: 20px;
    }

    .footer .foot_bott .copy{
        display: block;
        text-align: center;
    }

    .mainBan{
        height: 195px;
    }

    .mainBan .mainWz h2{
        font-size: 24px;
    }

    .mainBan .mainWz p{
        font-size: 12px;
    }

    .mainBan .mainWz{
        margin-top: 20%;
    }

    .mainBan_nav{
        margin-top: 20px;
        font-size: 12px;
    }

    .ab1_sec{
        padding-top: 40px;
        padding-bottom: 40px;
    }

    .ab1_title h3{
        font-size: 22px;
    }

    .ab1_title p{
        font-size: 14px;
    }

    .container0{
        width: 96% !important;
        padding-left: 0;
    }

    .ab1_title{
        margin-bottom: 40px;
    }

    .ab1_left{
        width: 100%;
    }

    .ab1_right{
        width: 100%;
        margin-bottom: 40px;
    }

    .ab1_main {
        flex-wrap: wrap-reverse;
    }

    .ab1_sec .ab_title h3{
        font-size: 20px;
    }

    .ab_title p{
        font-size: 14px;
    }

    .ab_title{
        text-align: center;
    }

    .ab_title i{
        margin: 0 auto;
    }

    .ab1_left .txt p{
        font-size: 14px;
    }

    .ab4_sec{
        padding: 30px 0;
    }

    .ab4_sec .ab_title {
        position: relative;
        top: 0;
        left: 0;
    }

    .ab4_sec .ab_title h3 {
        font-size: 22px;
        margin-bottom: 10px;
    }

    .ab4_sec .ab_title p{
        font-size: 14px;
    }

    .ab4_swiper {
        padding-bottom: 40px;
    }

    .ab4_swiper .lis {
        flex-wrap: wrap;
    }

    .ab4_swiper .lis .img_box {
        width: 100%;
        height: auto;
        margin-bottom: 20px;
    }

    .ab4_swiper .lis .img {
        height: auto;
    }

    .ab4_swiper .lis .img img {
        height: auto;
    }

    .ab4_swiper .lis .txt {
        width: 100%;
        margin-top: 0;
        padding-right: 0px;
        padding-top: 0;
    }

    .ab4_swiper .lis .txt h2 {
        font-size: 16px;
        margin-bottom: 10px;
    }

    .ab4_swiper .lis .txt .nr {
        height: auto;
    }

    .ab4_swiper .ab4_pagination {
        bottom: 0px !important;
    } 

    .ab5_top{
        display: block;
        margin-bottom: 25px;
    }

    .ab5_top .ab_title{
        width: 100%;
    }

    .ab_title h3{
        font-size: 22px;
    }

    .about_fix .about_wz p{
        font-size: 12px;
    }

    .about_fix{
        height: 285px;
    }

    .about_fix .about_wz{
        padding-top: 95px;
    }

    .ab3_sec {
        padding: 30px 0 10px 0;
    }

    .home_recent-work {
        padding-bottom: 0px;
        margin-bottom: 0px;
        background: none;
        padding-top: 30px;
    }

    .sabrosus{
        margin: 40px 0;
    }

    .news_top{
        margin-top: 30px;
    }

    .news_top .news_left{
        float: none;
        width: 100%;
    }

    .news_top .news_right{
        float: none;
        width: 100%;
    }

    .news_top .news_right .title p{
        font-size: 14px;
    }

    .news_list{
        margin-top: 30px;
    }

    .news_list .box6 ul li a{
        width: 100px;
        height: 40px;
        line-height: 40px;
        font-size: 14px;

    }

    .news_list .box6 ul li{
        margin-right: 10px;
    }

    .news_main ul li{
        float: none;
        width: 100%;
        margin-top: 20px;
    }

    .ph_mainnav{
        margin-top: 90px;
    }

    .newsxq_sec .newsxq_title h1{
        font-size: 24px;
    }

    .newsxq_sec{
        margin: 30px 0;
    }

    .newsxq_sec .nr p{
        font-size: 14px;
    }

    .newsxq2_main ul li{
        float: none;
        width: 100%;
        margin-bottom: 25px;
    }

    .newsxq2_title{
        font-size: 22px;
        margin-bottom: 25px;
    }

    .newsxq2_sec{
        padding-top: 40px;
    }

    .fixed_box .job_fix {
        width: 92%;
        height: 75%;
        overflow-y: scroll;
    }

    .fixed_box .job_bot {
        padding: 20px;
    }

    .index3{display: none;}

    .login{
        padding: 105px 20px;
        height: 815px;
    }

    .login .login_box .logo{
        margin-bottom: 60px;
    }

    .login .login_box{
        position: static;
    }

    .login .login_box .outside{
        background-image: none;
        background-color: #fff;
        padding: 20px 20px;
        width: 100%;
        height: 100%;
    }

    .login .login_box .outside h2{
        font-size: 24px;
        margin-bottom: 20px;
    }

    .login .login_box .outside .back {
        top: 20px;
        right: 20px;
    }

    .login .login_box .outside .phone input{
        font-size: 14px;
        height: 44px;
    }

    .login .login_box .outside .pwd input{
        font-size: 14px;
        height: 44px;
    }

    .login .login_box .outside .login_btn a{
        margin-top: 20px;
        font-size: 18px;
        height: 45px;
        line-height: 45px;
    }

    .login .login_box .outside .bott{
        margin-top: 20px;
    }

    .login .login_box .outside .bott .forget a{
        font-size: 12px;
    }

    .login .login_box .outside .bott .register a{
        font-size: 12px;
    }

    .login .login_box .outside .register_btn a{
        margin-top: 20px;
        font-size: 18px;
        height: 45px;
        line-height: 45px;
    }

    .login .login_box .outside .bott .account span{
        font-size: 12px;
    }

    .login .login_box .outside .bott .account a{
        font-size: 12px;
    }

    .login .login_box .outside .agree p{
        font-size: 12px;
    }

    .login .login_box .outside .forget_btn a{
        margin-top: 20px;
        font-size: 18px;
        height: 45px;
        line-height: 45px;
    }

    .login .login_box .outside .bott .back_login a{
        font-size: 12px;
    }

    .login .login_box .outside .yzm input{
        font-size: 14px;
        height: 44px;
    }

    .login .login_box .outside .yzm .getYzm{
        font-size: 14px;
        top: 7px;
        padding: 5px 20px;
    }

    .set{
        padding: 105px 20px;
        height: 815px;
    }

    .set .set_box .logo{
        margin-bottom: 60px;
    }

    .set .set_box{
        position: static;
    }

    .set .set_box .set_outside{
        background-image: none;
        background-color: #fff;
        padding: 20px 20px;
        width: 100%;
        height: 100%;
    }

    .set .set_box .set_outside h2{
        font-size: 24px;
        margin-bottom: 20px;
    }

    .set .set_box .set_outside .back {
        top: 20px;
        right: 20px;
    }

    .set .set_box .set_outside .comfirm_btn a{
        margin-top: 20px;
        font-size: 18px;
        height: 45px;
        line-height: 45px;
    }

    .set .set_box .set_outside .bott{
        margin-top: 20px;
    }

    .set .set_box .set_outside .bott .b_login a{
        font-size: 12px;
    }
    
    .set .set_box .set_outside .zf input{
        font-size: 14px;
        height: 44px;
    }

    .index2 .title h2{
        font-size: 18px;
    }

    .index2 .title h2 span{
        font-size: 12px;
    }

    .index2 .title p{
        font-size: 12px;
    }
    
    .index2 .pro-container .ind2_wz p {
        font-size: 14px;
    }

    .index2 .button .swiper-button-prev1{
        display: none;
    }

    .index2 .button .swiper-button-next1{
        display: none;
    }

    .index2 .ind2_box{
        margin-bottom: 0;
    }

    .index5 .title {
        display: block;
    }

    .index5 .title .ind5_left h2{
        font-size: 18px;
    }

    .index5 .title .ind5_left h2 span{
        font-size: 12px;
    }

    .index5 .title .ind5_left p{
        font-size: 12px;
    }

    .index5 .ind5_cot ul li{
        float: none;
        width: 100%;
        margin-top: 20px;
    }

    .index5 .title .ind5_right{
        margin-top: 20px;
    }

    .index5 .title .ind5_right ul li{
        margin-right: 0;
    }

    .index5 .title .ind5_right ul li a{
        width: 85px;
        height: 40px;
        line-height: 40px;
        font-size: 14px;
    }

    .pro_list ul li{
        float: none;
        width: 100%;
        padding: 0;
    }

    .pro_top{
        margin: 20px 0;
    }

    .pro_top ul li a{
        font-size: 16px;
    }

    .pro_top ul{
        display: block;
    }

    .pro_top ul .nli.on a::after{
        display: none;
    }

    .pro_top ul li{
        margin-top: 10px;
    }

    .trade_top .trade_nav ul li a{
        font-size: 12px;
        width: 95px;
    }

    .trade_top .trade_nav ul li{
        /* width: 25%; */
    }

    .trade_list ul li{
        float: none;
        width: 100%;
    }

    .trade_top .trade_title h3{
        font-size: 24px;
    }

    .trade_top .trade_title h3::after{
        left: 45%;
    }

    .trade_top{
        margin-top: 20px;
    }

    .trade_list ul li{
        padding: 0;
    }

    .service_cot .bd .nr ul li{
        float: none;
        width: 100%;
        margin: 0;
        margin-bottom: 20px;
    }

    .service_top ul li a{
        font-size: 16px;
        margin: 0 20px;
    }

    .service_cot .hd ul li{
        font-size: 12px;
    }

    .service_cot .hd{
        margin: 30px 0;
    }

    .service_top{
        margin-top: 20px;
    }

    .service_cot .bd .nr .service_li .servicr_right h4{
        font-size: 16px;
        line-height: 20px;
    }

    .service_cot .bd .nr .service_li .servicr_right p{
        font-size: 12px;
        margin: 10px 0;
    }

    .service_cot .bd .nr .service_li{
        display: block;
    }

    .service_cot .bd .nr .service_li .service_left{
        margin-right: 0;
        margin-bottom: 10px;
    }

    .train_top ul li a{
        font-size: 16px;
        margin: 0 20px;
    }

    .train_cot .hd{
        margin: 30px 0;
    }

    .train_cot .hd ul li{
        font-size: 12px;
        margin: 0 10px;
    }

    .train_cot .bd .nr ul li{
        float: none;
        width: 100%;
        margin-bottom: 30px;
    }

    .material_cot .hd{
        margin: 30px 0;
    }

    .material_cot .hd ul li{
        font-size: 12px;
        margin: 0 10px;
    }

    .material_cot .bd .nr ul li{
        float: none;
        width: 100%;
        margin: 0;
        margin-bottom: 30px;
    }

    .material_cot .bd .nr .service_li .servicr_right h4{
        font-size: 16px;
        line-height: 20px;
    }

    .material_cot .bd .nr .service_li .servicr_right p{
        font-size: 12px;
        margin: 10px 0;
    }

    .material_cot .bd .nr .service_li{
        display: block;
    }

    .material_cot .bd .nr .service_li .service_left{
        margin-right: 0;
        margin-bottom: 20px;
    }

    .course_cot .hd{
        margin: 30px 0;
    }

    .course_cot .hd ul li{
        font-size: 12px;
        margin: 0 10px;
    }

    .course_cot .bd .nr ul li{
        float: none;
        width: 100%;
        padding: 0;
    }

    .about_fix .about_wz h4{
        font-size: 20px;
    }

    .ab2_sec .ab2_cot ul li{
        float: none;
        width: 100%;
        margin: 0;
        margin-bottom: 20px;
    }

    .ab2_sec .ab2_cot .ab2_li {
        height: 405px;
    }

    .prodetail_nav{
        font-size: 12px;
        margin-top: 80px;
    }

    .detail_top .detail_box .detail_left{
        float: none;
        width: 100%;
        padding-right: 0;
    }

    .detail_top .detail_box .detail_right{
        float: none;
        width: 100%;
        margin-top: 20px;
    }
    
    .detail_top .detail_box{
        width: 100%;
        margin-top: 40px;
    }

    .detail_top .detail_box .detail_left p{
        font-size: 12px;
        margin: 20px 0;
    }

    .detail_top .detail_box .detail_left h2{
        font-size: 22px;
    }

    .detail_bott .detail_main{
        width: 100%;
    }

    .detail_bott .detail_main h2{
        font-size: 22px;
        margin: 47px 0;
    }

    .detail_bott .detail_main .intro_cot .hd ul li{
        font-size: 14px;
    }

    .detail_bott .detail_main .intro_cot .bd .intro_box .intro_title p{
        font-size: 22px;
    }

    .detail_bott .detail_main .intro_cot .bd .intro_box .content ul{
        display: block;
        margin: 0 auto;
    }

    .detail_bott .detail_main .intro_cot .bd .intro_box .content ul li{
        margin: 0 auto;
        margin-bottom: 20px;
    }

    .detail_bott .detail_main .intro_cot .bd .intro_box{
        height: 100%;
    }

    .detail_bott .detail_main .intro_cot .bd .intro_box .intro_title{
        padding: 20px 0;
    }

    .detail_bott .detail_main .intro_cot .bd .intro_box .content .intro_li p{
        font-size: 14px;
    }

    .repair .title{
        margin-top: 30px;
    }

    .repair .title h2{
        font-size: 24px;
    }

    .repair .title p{
        font-size: 14px;
    }

    .repair .repair_box{
        padding: 20px 20px;
        margin-top: 30px;
    }

    .repair .repair_box .custom_info .info_01{
        display: block;
    }

    .repair .repair_box .custom_info .info_01 .work input{
        width: 100%;
    }

    .repair .repair_box .custom_info .info_01 .name{
        margin-top: 20px;
    }

    .repair .repair_box .custom_info .info_01 .name input{
        width: 100%;
    }

    .repair .repair_box .custom_info .info_02{
        display: block;
    }

    .repair .repair_box .custom_info .info_02 .phone input{
        width: 100%;
    }

    .repair .repair_box .custom_info .info_02 .email{
        margin-top: 20px;
    }

    .repair .repair_box .custom_info .info_02 .email input{
        width: 100%;
    }

    .repair .repair_box .custom_info .info_03{
        display: block;
    }

    .repair .repair_box .custom_info .info_03 .tel input{
        width: 100%;
    }

    .repair .repair_box .custom_info .info_03 .address{
        margin-top: 20px;
    }

    .repair .repair_box .custom_info .info_03 .address input{
        width: 100%;
    }

    .repair .repair_box .problem .info_01{
        display: block;
    }

    .repair .repair_box .problem .info_01 .xingh input{
        width: 100%;
    }

    .repair .repair_box .problem .info_01 .xul{
        margin-top: 20px;
    }

    .repair .repair_box .problem .info_01 .xul input{
        width: 100%;
    }

    .repair .repair_box .problem .info_02{
        display: block;
    }

    .repair .repair_box .problem .info_02 .desc input{
        width: 100%;
    }

    .repair .repair_box .problem .info_02 .agree{
        margin-top: 20px;
    }

    .repair .repair_box .problem .info_02 .agree input{
        width: 100%;
    }

    .repair .repair_box .submit{
        width: 100%;
    }

    .feedback .title{
        margin-top: 30px;
    }

    .feedback .title h2{
        font-size: 24px;
    }

    .feedback .title p{
        font-size: 14px;
    }

    .feedback .feedback_box{
        padding: 20px 20px;
        margin-top: 30px;
    }

    .feedback .feedback_box .info_01{
        display: block;
    }

    .feedback .feedback_box .info_01 .ask input{
        width: 100%;
    }

    .feedback .feedback_box .info_01 .name input{
        width: 100%;
    }

    .feedback .feedback_box .info_02{
        display: block;
    }

    .feedback .feedback_box .info_02 .phone input{
        width: 100%;
    }

    .feedback .feedback_box .info_02 .email input{
        width: 100%;
    }

    .feedback .feedback_box .info_03{
        display: block;
    }

    .feedback .feedback_box .info_03 .number input{
        width: 100%;
    }

    .feedback .feedback_box .info_03 .address input{
        width: 100%;
    }

    .feedback .feedback_box .info_04{
        display: block;
    }

    .feedback .feedback_box .info_04 .adr input{
        width: 100%;
    }

    .feedback .feedback_box .submit{
        width: 100%;
    }

    .agent .title{
        margin-top: 30px;
    }

    .agent .title h2{
        font-size: 24px;
    }

    .agent .title p{
        font-size: 14px;
    }

    .agent .agent_box{
        margin-top: 30px;
        padding: 20px 20px;
    }

    .agent .agent_box .info_01{
        display: block;
    }

    .agent .agent_box .info_01 .name input{
        width: 100%;
    }

    .agent .agent_box .info_01 .tel{
        margin-top: 20px;
    }

    .agent .agent_box .info_01 .tel input{
        width: 100%;
    }

    .agent .agent_box .info_02{
        display: block;
    }

    .agent .agent_box .info_02 .email input{
        width: 100%;
    }

    .agent .agent_box .info_02 .work{
        margin-top: 20px;
    }

    .agent .agent_box .info_02 .work input{
        width: 100%;
    }

    .agent .agent_box .info_03{
        display: block;
    }

    .agent .agent_box .info_03 .company input{
        width: 100%;
    }

    .agent .agent_box .info_03 .address{
        margin-top: 20px;
    }

    .agent .agent_box .info_03 .address input{
        width: 100%;
    }

    .agent .agent_box .info_04{
        display: block;
    }

    .agent .agent_box .info_04 .trade input{
        width: 100%;
    }

    .agent .agent_box .submit{
        width: 100%;
    }

    .form .title{
        margin-top: 30px;
    }

    .form .title h2{
        font-size: 22px;
    }

    .form .title p{
        font-size: 14px;
    }

    .form .form_box{
        margin-top: 30px;
        padding: 20px 20px;
    }

    .form .form_box .name input{
        width: 100%;
    }

    .form .form_box .tel input{
        width: 100%;
    }

    .form .form_box .email input{
        width: 100%;
    }

    .form .form_box .work input{
        width: 100%;
    }

    .form .form_box .company input{
        width: 100%;
    }

    .form .form_box .address input{
        width: 100%;
    }

    .form .form_box .trade input{
        width: 100%;
    }

    .form .form_box .choic_01{
        padding-left: 0;
        margin-top: 20px;
    }

    .form .form_box .name p{
        width: 50px;
    }

    .form .form_box .tel p{
        width: 50px;
    }

    .form .form_box .email p{
        width: 50px;
    }

    .form .form_box .work p{
        width: 50px;
    }

    .form .form_box .company p{
        width: 50px;
    }

    .form .form_box .address p{
        width: 50px;
    }

    .form .form_box .trade p{
        width: 50px;
    }

    .form .form_box .choic_01 ul{
        padding: 10px 20px;
    }

    .form .form_box .choic_01 .other input{
        width: 100%;
    }

    .form .form_box .choic_02{
        padding-left: 0;
        margin-top: 20px;
    }

    .form .form_box .choic_02 ul{
        padding: 10px 20px;
    }

    .form .form_box .choic_02 .other input{
        width: 100%;
    }

    .form .form_box .info{
        margin-top: 20px;
        padding: 0;
    }

    .form .form_box .choic_03{
        padding-left: 0;
        margin-top: 20px;
    }

    .form .form_box .choic_03 ul{
        padding: 10px 20px;
    }
    
    .form .form_box .choic_03 .other input{
        width: 100%;
    }

    .form .form_box .submit{
        width: 100%;
    }

    .myself .my_r .my_box .bd .nr .content ul li p{
        font-size: 12px;
    }

    .myself .my_r .my_box .bd .nr .content ul li h5{
        font-size: 14px;
    }

    .myself .my_r .my_box .bd .nr .content ul li{
        padding: 10px 0;
    }

    .myself .my_r .my_box .hd{
        margin: 20px 0;
    }

    .my_sabrosus{
        margin-right: 0;
    }

    .myself .my_l{
        padding: 20px 20px;
    }

    .myself .my_l .my_avater{
        padding: 0;
    }

    .myself .my_l .my_avater .my_name p{
        font-size: 14px;
    }

    .myself .my_l .my_cot .my_li p{
        font-size: 14px;
    }

    .myself .my_l .my_btn a{
        width: 100%;
        font-size: 14px;
    }

    .myself .my_l .my_cot .my_nli.on{
        padding-left: 0;
        border-right: none;
    }

    .myself .my_l .my_top{
        padding: 0;
    }

    .contact_box .contact_cot{
        display: block;
        width: 100%;
    }

    .contact_box .contact_title{
        margin-top: 30px;
    }

    .contact_box .contact_title h2{
        font-size: 24px;
    }

    .contact_box .contact_title p{
        font-size: 14px;
    }

    .contact_box .contact_cot .contact_01{
        width: 100%;
    }

    .contact_box .contact_cot .contact_02{
        width: 100%;
        margin-top: 20px;
    }

    .contact_box .contact_cot .contact_02 .top{
        width: 100%;
    }

    .contact_box .contact_cot .contact_03{
        width: 100%;
        margin-top: 20px;
    }

    .contact_box .contact_cot .contact_03 .top{
        width: 100%;
    }

    .contact_box .contact_cot .contact_03 .bott .bott_li{
        width: 100%;
    }

    .ab1_left .txt{
        overflow-y: hidden;
        height: auto;
    }

    .video_box{
        width: 90%;
    }

    .video_cot{
        padding: 10px 10px;
    }

    .video_top{
        padding: 10px 10px;
    }

    .video_top h4{
        font-size: 20px;
    }

     
    

   

}


@media (max-width: 720px){

    
    ul.timeline {
        width: 100%!important;
        height: auto;
        margin-top: 0px;
        margin-left: 0;
        white-space: normal;
    }

    .time-inner, ul.timeline li {
        position: relative;
        height: auto;
    }

    ul.timeline li {
        display: block;
        width: 100%!important;
    }

    .time-inner {
        width: 100%;
        border-radius: 0;
        border: none;
        top: auto;
        left: auto;
        -webkit-transform: none;
        transform: none;
        padding: 0;
        -webkit-transition: none;
        transition: none;
        -webkit-animation: none;
        animation: none;
    }

    .time-inner, ul.timeline li {
        position: relative;
        height: auto;
    }

    .time-detail {
        width: 100%;
        height: auto;
        border-radius: 0;
    }

    .time-detail, .time-inner:not(.expand):hover .time-detail {
        -webkit-animation: none;
        animation: none;
        -webkit-transform: none;
        transform: none;
        -webkit-transition: none;
        transition: none;
    }

    .time-detail .picture_holder {
        height: 200px;
    }

    .time-detail .details_content {
        height: auto;
        padding: 20px 10px;
    }

    .time-detail .details_content h4 {
        font-size: 24px;
    }

    .time-detail .details_content h4::after {
        content: "";
        display: block;
        width: 28px;
        height: 3px;
        background-color: #ccc;
    }

    .time-detail .details_content .nr p {
        font-size: 14px;
    }

    .timeline .time-name {
        display: none;
    }



}